<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@media (max-width:1600px){
	.hd-con{  padding:0 10px 0 10px; }	
	.mAboutLeft &gt; h3 &gt; p,.mAboutLeft &gt; h3 &gt; span,.colAboutcen &gt; h3 &gt; p,.colAboutcen &gt; h3 &gt; span{  font-size: 30px;}
	.mAboutLeft &gt; div,.colAboutcen &gt; div{height: 224px;line-height: 32px;font-size: 16px;margin-top: 3%;margin-bottom: 4%;}
	.colAboutcen &gt; div{height: 30px;margin-top: 1%;margin-bottom: 1%;}
	.mAboutLeft &gt; p &gt; a,.colaAboutcen &gt; p &gt;a{ padding:0 25px; height: 35px; line-height: 35px; font-size: 16px;  }
}
@media (max-width:1440px){	
	/******/
	.float{ width:100%; left:0; margin-left:0;}
	/******/
	.navlist &gt; ul &gt; li &gt; div &gt; a{font-size: 18px;}
	.c-con,.headerCol &gt; .c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}
	/******/	
	.hd-con{  padding:0 10px 0 10px; }
	.mAboutLeft &gt; h3 &gt; p,.mAboutLeft &gt; h3 &gt; span,.colAboutcen &gt; h3 &gt; p,.colAboutcen &gt; h3 &gt; span{  font-size: 24px;}
	.mAboutLeft &gt; div,.colAboutcen &gt; div{ height: 196px; line-height: 28px;  font-size: 14px; margin-top: 3%; margin-bottom: 4%;}
	.colAboutcen &gt; div{height: 30px;margin-top: 1%;margin-bottom: 1%;}
	.mAboutLeft &gt; p &gt; a,.colAboutcen &gt; p &gt;a{ padding:0 20px; height: 32px; line-height: 32px; font-size: 16px;  }
	
	.newsTab &gt; p{font-size: 30px;}
}
@media (max-width:1200px){	
	.logo{ width: 180px; }
	.navlist,.navlist &gt; ul,.navlist &gt; ul &gt; li,.navlist &gt; ul &gt; li:nth-last-of-type(1),.navlist &gt; ul &gt; li &gt; div{ height: 74px;}
	.navlist &gt; ul &gt; li &gt; div &gt; a{ font-size: 14px; }
	.navlist &gt; ul &gt; li &gt; p{ top:70px; }
	.navlist &gt; ul &gt; li &gt; p::after{ border-bottom:12px solid #FFF; border-left:10px solid transparent; border-right:10px solid transparent;  top:-12px; margin-left:-10px;}
	.header-blank{ height:74px;}	
	/******/
	.swiper1 .swiper-pagination{ padding-bottom:10px;}	
	/******/
	.f2Flash{width: 20%;}
	.newsTab &gt; p{font-size: 18px;height: 66px;line-height: 40px;}
	.newsTab &gt; p &gt; span{font-size: 14px;}
	.news{width: 76%;}
	.newsList &gt; ul &gt; li &gt; a{ font-size: 14px; }
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-date{height: 120px;padding-top: 5px;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-date &gt; h3{font-size: 38px;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-about &gt; h3{font-size: 18px;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-about &gt; div{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 16px;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-img{width: 24%;}
	.news &gt; a{width: 150px;height: 35px;line-height: 35px;font-size: 16px;}
	
	
	.newsList &gt; ul &gt; li &gt; span{ font-size: 12px; }
	/******/
	.colHeader &gt; h3{ font-size: 14px; height: 24px; line-height: 24px; }
	.colHeader &gt; h4{height: 60px;line-height: 40px;font-size: 30px;padding:0 0;}
	.colHeader &gt; p{ width: 60px; }
	.colHeader &gt; a{  width:120px; height: 42px; line-height: 40px; font-size: 14px;  margin-top: -21px; }
	.colHeader &gt; ul{ width:240px; height:48px; margin-top: -24px; }
	.colHeader &gt; ul &gt; li{ width: 48px; height: 48px; margin-left:12px; }	
	.colHeader &gt; ul &gt; li &gt; a{ width:48px; height: 48px; }

	/*******/
	.mAboutLeft &gt; h3 &gt; p,.mAboutLeft &gt; h3 &gt; span,.colAboutcen &gt; h3 &gt; p,.colAboutcen &gt; h3 &gt; span{  font-size: 20px;}
	.mAboutLeft &gt; div,.colAboutcen &gt; div{ height: 168px; line-height: 24px;  font-size: 14px; margin-top: 15px; margin-bottom: 15px;}
	.colAboutcen &gt; div{height: 30px;margin-top: 1%;margin-bottom: 1%;}
	.mAboutLeft &gt; p &gt; a,.colAboutcen &gt; p &gt; a{ padding:0 20px; height: 30px; line-height: 30px; font-size: 14px;  }

	/*******/
	.industry .item{width:20%}
	/********/
	.mediaList &gt; ul &gt; li &gt; a &gt; .mediaAbout &gt; h4{  font-size:14px; }
	.mediaList &gt; ul &gt; li &gt; a &gt; .mediaAbout &gt; h3{ font-size:20px; }
	/******/

	.servLogo &gt; h3,.servItem &gt; h3,.servQTCode &gt; h3{ line-height: 3; }
	.servLogo{ width:30%; flex-shrink: 0; }
	.sLogoImg{ width:60%; overflow: hidden; }

	/******/
	.servLogo2 &gt; h3,.servItem2 &gt; h3,.servQTCode2 &gt; h3{ line-height: 3; }
	.servLogo2{ width:30%; flex-shrink: 0; }
	.sLogoImg2{ width:60%; overflow: hidden; }
	.servItem2{width: 30%;}
	.shopList &gt; ul &gt; li &gt; .slItems &gt; p{ line-height: 40px; height:40px; font-size:14px;  }
	.servItem3-wrap &gt; div:nth-of-type(5){display: none;}
	/*******/
	.cNewsItem &gt; h3{ font-size: 24px; line-height: 48px;height:48px; }

	.pic ul li{height: 300px; }
	.pic ul li .txt{  height: 300px;}
	.txt .icon{width:30px; height:30px; overflow: hidden;    }
	.txt .p1{font-size: 16px;line-height: 20px;width: 30px;height:200px;   }    
	.txt .more{width:30px; height:30px; line-height: 30px; }
	.txt .more &gt; i{ font-size: 16px; }
	.sIlist &gt; ul &gt; li{ min-width: 120px;}
}
@media (max-width:992px){
	.logo{ width: 150px;  padding-top:10px; padding-bottom:10px;}
	/*.navlist &gt; ul &gt; li &gt; p{ top:60px; }*/

	/********/
	.header-blank{ height:65px;}
	/******/	
	.navlist,.navlist &gt; ul,.navlist &gt; ul &gt; li,.navlist &gt; ul &gt; li:nth-last-of-type(1),.navlist &gt; ul &gt; li &gt; div{ height: 65px;}
	.navlist{ padding-left:0px;}
	.navlist &gt; ul &gt; li:nth-last-of-type(2){ width: 116px; }
	.navlist &gt; ul &gt; li &gt; div &gt; a{ font-size: 12px; }

	/******/
	.f2Flash{width: 20%;}
	.newsTab &gt; p{height: 70px;line-height: 36px;}
	.newsTab &gt; p &gt; span{font-size: 14px;}
	.news{width: 76%;}
	.newsList &gt; ul &gt; li &gt; a{ font-size: 14px; }
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-date{height: 119px;padding-top: 5px;display: none;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-date &gt; h3{font-size: 28px;padding: 5% 0;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-date &gt; p{font-size: 18px;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-about &gt; h3{font-size: 16px;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-about &gt; div{-webkit-line-clamp: 2;font-size: 14px;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-about &gt; h4{display:block;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-about &gt; p{display:none;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-img{width: 24%;display: none;}
	.news &gt; a{width: 150px;height: 35px;line-height: 35px;font-size: 16px;}
	
	
	
	.swiper2 .swiper-slide div{padding:10px 10px; }
	.swiper2 .swiper-slide div h3{height: 24px; line-height: 24px;}
	.swiper2 .swiper-slide div h3,.newsList &gt; ul &gt; li &gt;.newsItemLeft &gt; h3{ font-size: 14px; }
	.swiper2 .swiper-slide div h4,.newsList &gt; ul &gt; li &gt;.newsItemLeft &gt; p{ font-size: 12px; }
	.swiper2 .swiper-pagination { height:44px; box-sizing: border-box; padding:16px 10px 16px 0; }
	.newsList &gt; ul &gt; li &gt;.newsItemDate &gt; h3{ font-size: 18px; }

	/******/
	.colHeader &gt; h3{ font-size: 12px; height: 20px; line-height: 20px; }
	.colHeader &gt; h4{height: 50px;line-height: 32px;font-size: 24px;padding:0 0;}
	.colHeader &gt; p{ width: 48px; }
	.colHeader &gt; a{  width:100px; height: 36px; line-height: 34px; font-size: 14px;  margin-top: -18px; }
	.colHeader &gt; ul{ width:200px; height:40px; margin-top: -20px; }
	.colHeader &gt; ul &gt; li{ width: 40px; height: 40px; margin-left:10px; }
	.colHeader &gt; ul &gt; li &gt; a{  width:40px; height: 40px; }

	/*******/
	.mAboutLeft &gt; div,.colAboutcen &gt; div{ height: 96px; line-height: 24px;  font-size: 14px; margin-top: 15px; margin-bottom: 15px;}
	.colAboutcen &gt; div{height: 30px;}
	
	
	
	
	/******/
	.mediaList &gt; ul &gt; li &gt; a &gt; .mediaAbout &gt; h4{  font-size:14px; }
	.mediaList &gt; ul &gt; li &gt; a &gt; .mediaAbout &gt; h3{ font-size:18px; }
	/******/	
	.industry .item{width:24%;font-size: 20px;}
	.business_banner .swiper-slide{margin-top: 30px;}
	.txtTit{font-size: 22px;margin-bottom: 5px;padding-bottom: 10px;}
	.txtTit::after{height:4px}
	.fbCon{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.business_banner .swiper-button-prev{left: 5%;width: 50px;height: 50px;}
	.business_banner .swiper-button-next{right:5%;width: 50px;height: 50px;}
	/********/
	/********/
	.service::after{top:20%;}
	.sLogoImg{ width:180px; }
	.servLogo &gt; h3,.servItem &gt; h3,.servQTCode &gt; h3{ line-height: 2.5; }
	.sIlist3 &gt; h4{white-space: nowrap;}
	
	.sLogoImg2{ width:180px; }
	.servLogo2 &gt; h3,.servItem2 &gt; h3,.servItem3 &gt; h3{ line-height: 2.5; }
	
	/*******/
	.cNewsItem &gt; h3{ font-size: 20px; line-height: 40px;height:40px; }
	.sIlist{ flex-direction: column; }
	.sIlist &gt; ul &gt; li{ min-width: 80px; padding-right: 10px;}
}
@media (max-width:768px){	
	.search{height:60px;top:64px;}
	.sechForm{width:300px;height:40px;}
	.header{  background-image: url(none);}
	.logo{ width:180px; padding-top: 5px; padding-bottom: 5px}
	.header-blank{ height:74px;}
	.navlist{ width:40px; position: absolute; right:40px; top: 0;  }	
	.navlist &gt; ul &gt; li,.navlist2{ display: none;}
	.navlist01 &gt; ul &gt; li,.navlist2{ display: none;}
	.navlist &gt; ul &gt; li:nth-last-of-type(1){ display: block;}
	.menu{ display: block; }
	/******/
	.revolution-slider{margin-top:60px !important;}
	.swiper1 .swiper-pagination-bullet{ width:12px; height:12px; border-radius:50%; }
	/******/
	.f2{ display: block; padding-bottom: 20px;}
	.f2Flash,.news{ width:100%; }
	.news{ margin-top: 10px; padding-left:0; white-space: normal; text-overflow: auto;}
	.newsTab{ margin-bottom: 10px;flex-direction:row; }
	.newsTab &gt; a{display: none !important;}
	.newsTab &gt; p{margin: 0;padding: 0;}
	.newsTab &gt; p &gt; span{display: none !important;}
	.newsList &gt; ul &gt; li + li{ margin-top: 10px; }
	.newsTab,.newsList &gt; ul &gt; li{ padding-left:0; }
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-date,.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-img,.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-about &gt; p{display: none;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-about &gt; h4{display: block;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-about &gt; h3{font-size: 20px;}
	.newsList &gt; ul &gt; li &gt; a &gt; .cnItem-about &gt; div{font-size: 16px;}
	.news &gt; a{width: 150px;height: 30px;line-height: 30px;font-size: 16px;float: right;display: block;margin: 5% auto;}
	.swiper2 .swiper-slide p img{min-height:250px;}
	/******/
	.colHeader &gt; h3{ font-size: 12px; height: 20px; line-height: 20px; }
	.colHeader &gt; h4{ height: 50px; line-height: 30px;  font-size: 22px; padding:0 0; }
	.colHeader &gt; p{ width: 48px; }
	.colHeader &gt; a{  width:80px; height: 32px; line-height: 30px; font-size: 14px;  margin-top: -16px; }	
	.colHeader &gt; ul{ width:160px; height:30px; margin-top: -15px; }
	.colHeader &gt; ul &gt; li{ width: 30px; height: 30px; margin-left:10px; }
	.colHeader &gt; ul &gt; li &gt; a{ width:30px; height: 30px; }
	/******/
	.about{  padding-bottom: 3%; }
	.about &gt; .c-con &gt; .colHeader{ padding-top: 2%; }
	.about &gt; .c-con &gt;  .colHeader &gt; div{ font-size: 14px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
	.mainAbout{  flex-direction: column;  }
	.mAboutImg,.mAboutLeft{ width: 100%;}
	.mAboutLeft,.colAboutcen{ padding:2% 3% 3% 3%; }
	.mAboutLeft &gt; div,.colAboutcen &gt; div{height: auto;margin-top: 2%;line-height: 30px;margin-bottom: 2%;}
	/*.aboutVideo p*/
	/******/
	.industry{width: 100%;}
	.industry .item{width:24%;font-size: 14px;}
	.business_banner .swiper-slide{margin-top: 30px;}
	.txtTit{font-size: 20px;}
	.txtTit::after{height:2px}
	.business_banner .swiper-button-prev{left: 0;width: 30px;height: 30px;}
	.business_banner .swiper-button-next{right: 0;width: 30px;height: 30px;}
	/********/
	
	.media{  background-image: url(none);}
	.mediaList &gt; ul{ flex-direction: column; }
	.mediaList &gt; ul &gt; li{ width:100%; }
	/******/
	.service &gt; .c-con{ flex-direction: row; flex-wrap: wrap;}
	.servItem{ width:50%; }
	.servLogo,.servQTCode{ width: 100%; }
	.servLogo &gt; h3,.servItem &gt; h3,.servQTCode &gt; h3{ text-align: center; }
	.servItem &gt; h3::after{ left:50%; margin-left:-30px; }
	.sIlist &gt; ul &gt; li,.sIContact &gt; ul &gt; li{ text-align: center; }
	.sIlist &gt; ul{ width:100%; }
	.sIContact &gt; ul &gt; li{ display: flex; flex-direction: row; flex-wrap: nowrap;justify-content: center; align-items: center; }
	.sIlist,.sIContact{ padding-right: 0; }
	.servLogo &gt; h3,.servQTCode &gt; h3{ display: none; }
	.sLogoImg{ width:200px; margin:0 auto; }
	.servItem{ margin-bottom: 10px; }
	.sQImg{ width:100px; margin:0 auto; }
	.servLogo2,.servItem2,.servItem3,.servItem3,.sIlist3{ width: 100%; }
	.servItem3 &gt; .servItem3-wrap{border-top: 1px solid rgba(255,255,255,0.2);}
	.servLogo2 &gt; h3,.servItem2 &gt; h3,.servItem3 &gt; h3,.sIlist3 &gt; h4,.sIlist3 &gt; ul &gt; li,.sIlist2 &gt; ul &gt; li,.sIContact2 &gt; ul &gt; li{ text-align: center; }
	.sIContact2 &gt; ul &gt; li{ display: flex; flex-direction: row; flex-wrap: nowrap;justify-content: center; align-items: center; }
	.sIlist2,.sIContact2{ padding-right: 0;border-top: 1px solid rgba(255,255,255,0.2); }
	.servLogo2 &gt; h3,.servQTCode2 &gt; h3{ display: none; }
	.sLogoImg2{ width:200px; margin:0 auto; }
	.servItem{ margin-bottom: 10px; }
	.sQImg2{ width:100px; margin:0 auto; }
	.service::after{display: none;}
	
	.sIlist3 &gt; h4 &gt; a &gt;img{margin: 0 auto;margin-top: 13%}
	/****/
	.shops{flex-direction: column; }
	.shopList{ width:100%;}
	/*******/
	.colNews{flex-direction: column; padding:0 20px;}
	.cNewsItem,.cNewsItem2{ width:100%;}
	.cNewsItem{ margin-top: 10px; }
	.cNewsItem2{ height:auto;margin-left: 0;margin-top: 2%; }
	.cNewsItem2 &gt; ul{ display: block; }
	.colF1{flex-direction: column;}
	.colF1Objs &gt; ul &gt; li &gt; a &gt; p{ width:80px; }
	.colF1Objs &gt; ul &gt; li{ padding-top: 10%; padding-bottom: 10%; }
	.colF1Flash{ width:100%;margin-left:0; margin-top: 10px;}
}
@media (max-width:640px){
	.amMain &gt; div{ height: 24px; white-space: nowrap; text-overflow: ellipsis; }
	.amMain &gt; .amBtn &gt; p{ width:32px; height: 32px; }
	.amBtn &gt; span{ font-size: 16px; }
	/*****/
	.leader-list2,.leader-list4{ height: 0; }
	.leader-list3,.leader-list5{height: auto;}
	/*********/
	.location &gt; p,.caseItemTitle &gt; p{ font-size: 16px; }
}
@media (max-width:480px){	
	.colHeader &gt; ul{ width:120px; height:20px; margin-top: -10px; }
	.colHeader &gt; ul &gt; li{ width: 20px; height: 20px; margin-left:10px; }
	.colF1Flash{ display: none; }
}
@media (max-width:375px){	
}</pre></body></html>